#pagenav {
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}
#pagenav .current,
#pagenav .disabled,
#pagenav a {
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block;
}
#pagenav > span {
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
    font-weight: bold;
}
#pagenav > span:hover {
    background: #E1E1E1;
}
#pagenav .first /* .prev */ {
    border-left: 1px solid #ccc;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
#pagenav .last /* .next */ {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
#pagenav .disabled {
    color: #ddd;
}
#pagenav .disabled:hover {
    background: transparent;
}
#pagenav .current {
    background: #efefef;
    color: #c73e14;
    font-weight: normal;
}

.draw_chart
{
    font-size: 16;
    font-weight: bold;
}

#button1, #button2
{
    background:#62af56;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-color: #2d6324;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
    padding: 8px 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16;
    font-family: sans-serif;
}